﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Product_View.aspx.cs" Inherits="JKF.Web.Product.Product_View" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>产品/配件设置</title>
        <%= RegScript("~/js/jquery.1.5.js")%>
        <%= RegScript("~/js/jquery.nhis.js")%>
        <%= RegScript("~/js/jquery.rchis.js")%>
        <%= RegScript("~/js/jquery-ui-custom.min.js")%>
        <%= RegScript("~/js/css.js")%>
        <%= RegScript("~/js/DatePicker/WdatePicker.js")%>
        <%= RegScript("~/js/Common.js")%>
        <%= RegScript("~/js/Jquery.commonGrid.js")%>
         <%= RegScript("~/js/jquery-form.js") %>
        <script src="/js/Uppop/tipswindown2.js"  type="text/javascript"></script>
    <link href="/App_Themes/Theme2/Include.css"   rel="stylesheet" type="text/css" /> 
    <script type="text/javascript">

        $(function () {
            // 注册搜索文本框的回车事件
            $('#txt_NAME').keyup(function (event) {
                enterHandler(event, 'btn_search');
            });
             
        });
        //弹出层<a href="Sort/Product_Sort_Add.aspx">Sort/Product_Sort_Add.aspx</a>
        function addProduct(id) {
            window.parent.pop("添加产品", '<%= ResolveUrl("~/Product/Product_Add.aspx?moduleKey=") %>' + id, 950, 300, updateList);
        }
        //回调函数，弹出层保存成功之后执行，更新列表中数据，或往列表中添加新录的数据
        function updateList(obj, id) {

            if ($.FxNull(id, "").length > 0) {//修改成功返回对应的ID
                $("#tb tbody tr[key='" + id + "']").html($(obj).html());

            } else {//添加成功返回"" 空字符串就可以了
                if ($('#emptyTr')) { // 如果存在的话
                    $('#emptyTr').remove(); // 当添加成功的话，移除此行
                }
                addCount(); //添加成功之后更新记录总条数
                $('#tb tbody').prepend(obj);
            }
        }

       
       
    </script>
          <script type="text/javascript">
              var AppPath = '<%=AppPath %>';
              var handler = AppPath + '/do/Product/Product.do';
              var PageSize = 10;
              var pager = null;
              $(function () {
                  // 组织查询条件
                  var searchData = { ActionName: 'GetProducts', NAME: $('#txt_NAME').val(), TYPE: $('#select_TYPE').val() == '-1' ? '' : $('#select_TYPE').val(), MODEL: $('#txt_MODEL').val(), PageIndex: 1, PageSize: 10 };
                  pager = $('#divPager').pager(AppPath, handler, function () {
                      return searchData;
                  }, function (data) {
                      var tbody = $('#tb tbody');
                      tbody.empty();
                      if (data && data.Entity && data.Entity.length) {
                          data = data.Entity
                          var tr, td;
                          for (var i = 0; i < data.length; i++) {
                              var item = data[i];
                              tr = $("<tr key=" + item.PRODUCT_KEY + "></tr>").appendTo(tbody);

                              $('<td></td>').appendTo(tr).html('<input style="display:<%=DispEdit%>" class="common_btn_edit mr12"  type="button" onclick="addProduct(' + "'" + item.PRODUCT_KEY + "'" + ')" /><input type="button" class="common_btn_del mr12"  style="display:<%=DispDelete%>" />');
                              $('<td></td>').appendTo(tr).text(item.NAME); // 产品名称
                              $('<td></td>').appendTo(tr).text(item.MODEL); // 型号
                              $('<td></td>').appendTo(tr).text(item.SORT_KEY); // 所需类别
                              $('<td></td>').appendTo(tr).text(item.RETAIL_PRICE); // 零售价
                              $('<td></td>').appendTo(tr).text(item.PURCHASE_PRICE); // 进货价
                              $('<td></td>').appendTo(tr).text(item.DATE_CREATE); // 录入日期

                              //$('<td></td>').appendTo(tr).text(item.MEMO); // 备注
                          }
                      } else {
                          tbody.html('<tr id="emptyTr"><td colspan="9" style="text-align: center">没有数据!</td></tr>');
                      }
                      //var tbHeight = $(window).height() - $(".common_search").height() - $("#divPager").height() - 70;
                      var tbHeight = $(window).height() - $(".common_search").height() - $("#divPager").height() - 38;
                      tbHeight = tbHeight < 300 ? 300 : tbHeight;
                      $("#tb").H8_Grid($("#divPager"), tbHeight);
                  }, PageSize, true);
                  // 删除一条记录
                  $('input.common_btn_del').live('click', function () {
                      if (!confirm("确认删除吗?")) {
                          return false;
                      }
                      var tr = $(this).parent().parent();
                      $.post(handler, { ActionName: 'DeleteProduct', id: tr.attr('key') }, function (obj) {
                          if (obj.MessageCode == "Error") {
                              alert(obj.Message);
                              return;
                          } else if (obj.MessageCode == "2") {
                              alert("删除失败。\r\n原因：总店创建产品分店无权删除！只能查看");
                          }
                          else if (obj.MessageCode == "0") { // 返回0，才允许删除
                              tr.remove();
                              reduceCount(); //删除成功之后减少记录总条数 
                          } else if (obj.MessageCode === "1") {
                              alert("删除失败，原因未知！");
                          } else {
                              alert(obj.Message);
                          }
                      }, 'json');
                  });
                  // 查询 
                  $('#btn_search').click(function () {
                      searchData.NAME = $('#txt_NAME').val();
                      searchData.MODEL = $('#txt_MODEL').val();
                      searchData.TYPE = $('#select_TYPE').val() == '-1' ? '' : $('#select_TYPE').val();
                      pager.option.pageIndex = 1;
                      pager.getPegerData();
                      return false;
                  });
              });
              //导出Excel
              function exportExcel() {
                  //$("#btn_search").click();
                  var v = $('div.common_search').gform();
                  v.ActionName='GetProducts'; 
                  v.NAME=$('#txt_NAME').val();
                  v.TYPE = $('#select_TYPE').val() == '-1' ? '' : $('#select_TYPE').val();
                  v.MODEL= $('#txt_MODEL').val();
                  v.isExport = "1";
                  $.formP(handler, v);
              }
          </script>
</head>
<body>
     <div class="warrper_body"> 
        <!--隐藏域中保存当前虚拟路径以便发送ajax异步请求时用-->
        <input id="AppPath" name="AppPath" type="hidden" value="<%=AppPath%>" />
         
        <div class="index" style=" overflow:hidden">
            <div class="common_search">
                 <div class="l_h45">  
                    分类：<select id="select_TYPE">
                            <option value="-1">请选择</option>
                            <option value="1">合同类</option>
                            <option value="2">耗材类</option>
                            <option value="3">增值系列</option>
                        </select>
                    名称：<input type="text" id="txt_NAME" value="" />
                    型号/规格：<input id="txt_MODEL"  type="text" />  
                     
                    <span class="mr30"><input name="" id="btn_search" type="button"  class="common_btn_search"/></span>
                     <span class="mr30"><input id="Button3" type="button" class="common_btn_add2" style="display: <%=DispAdd%>;"   onclick="addProduct('')"/></span>
                     <span class="mr30"><input name="" id="btn_export" class="btn_style" type="button" value="导出excel" onclick="exportExcel()"/></span>
                 </div>
            </div>
            <div class="l_h7"></div>
           
            <div class="index_table"  >
                <table id="tb" width="100%" class="common_table">
                    <thead>
                        <tr>
                             <th width="100px" orderaction="false">操作</th>
                             <th width="200px" ordertype="string">产品名称</th>
                             <th width="260px" ordertype="string">型号/格规</th>
                             <th width="100px" ordertype="string">所属类别</th>
                             <th width="150px" ordertype="string">零售价格</th>
                             <th width="100px" ordertype="string">进货价格</th> 
                             <th width="100px" ordertype="string">录入日期</th> 
                            
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="8" style="text-align: center">点击搜索查看数据</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="page" id="divPager"></div>      
        </div>
    </div>
</body>
</html>